@charset "utf-8";
/*含有单位体检套餐选择页面样式group_checks_select*/
.staff{
	background-color: #fff;
	border-bottom: 0.02rem solid #E2E2E2;
}
#personalChecks .selectBox,
#groupCheckSelect .selectBox{
	width: 100%;
    position: absolute;
    top: 2.04rem;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
#groupCheckSelect .selectBox{
	top: 0;
}
#personalChecks .selectBox .listTab,
#groupCheckSelect .selectBox .listTab{
	width: 33.06666666666667%;
	padding-bottom: .98rem;
    height: 100%;
    float: left;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #018BF0;
}
#personalChecks .selectBox .listTab li,
#groupCheckSelect .selectBox .listTab li{
	line-height: .88rem;
	color: #fff;
	text-align: center;
	font-size: .24rem;
}
#personalChecks .selectBox .listTab li.active ,
#groupCheckSelect .selectBox .listTab li.active{
    background-color: #ffffff;
    color: #018BF0;
}
#personalChecks .selectBox .listTab li img,
#groupCheckSelect .selectBox .listTab li img{
	width: .24rem;
	height: .24rem;
	display: inline;
	vertical-align: -.04rem;
	margin-left: .05rem;
	display: none;
}
#personalChecks .selectBox .listContent,
#groupCheckSelect .selectBox .listContent{
	width: 66.93333333333333%;
    height: 100%;
    box-sizing: border-box;
    float: left;
}
#personalChecks .selectBox .listContent .content,
#groupCheckSelect .selectBox .listContent .content{
	height: 100%;
	box-sizing:border-box;
	padding-bottom: .98rem;
	overflow-y: auto;
	color: #4A4A4A;
	font-size: .24rem;
}
#personalChecks .selectBox .listContent .content .title,
#groupCheckSelect .selectBox .listContent .content .title{
	height: .88rem;
    line-height: .88rem;
    background-color: #fff;
    border-bottom: 0.02rem solid #e2e2e2;
    padding-left: .24rem;
}
#personalChecks .selectBox .listContent .content .subTitle,
#groupCheckSelect .selectBox .listContent .content .subTitle{
	line-height: .56rem;
	background-color: #fff;
	padding: 0 .24rem;
	overflow: hidden;
}
#personalChecks .selectBox .listContent .content .checkNum,
#groupCheckSelect .selectBox .listContent .content .checkNum{
	color: #018bf0;
}
#personalChecks .selectBox .listContent .content .title a,
#personalChecks .selectBox .listContent .content .title i,
#groupCheckSelect .selectBox .listContent .content .title a,
#groupCheckSelect .selectBox .listContent .content .title i{
	float: right;
    width: 1.24rem;
    height: .44rem;
    text-align: center;
    line-height: .44rem;
    border-radius: .16rem;
    font-size: .24rem;
    color: #fff;
    margin-right: .24rem;
    margin-top: .21rem;
    color: #018bf0;
    border: 0.02rem solid #018bf0;
}
#personalChecks .selectBox .listContent .content .title i,
#groupCheckSelect .selectBox .listContent .content .title i{	
	border-color: #F6A623;
	color: #F6A623;
}
#personalChecks .selectBox .listContent .content .title i.active,
#groupCheckSelect .selectBox .listContent .content .title i.active{
	background-color: #F6A623;
	color: #fff;
}
#personalChecks .selectBox .listContent .content .title i.notActive,
#groupCheckSelect .selectBox .listContent .content .title i.notActive{
	background-color: #c6c6c6;
	color: #fff;
	border-color: #c6c6c6;
}
#personalChecks .selectBox .listContent .content ul,
#groupCheckSelect .selectBox .listContent .content ul{
	padding-left: .24rem;
	background-color: #fff;
}
#personalChecks .selectBox .listContent .content ul li,
#groupCheckSelect .selectBox .listContent .content ul li{
	border-bottom: 0.02rem solid #E2E2E2;
	padding-bottom: .305rem;
}
#personalChecks .selectBox .listContent .content ul li>div:nth-child(1),
#groupCheckSelect .selectBox .listContent .content ul li>div:nth-child(1){
	padding-right: .26rem;
    font-size: .22rem;
    position: relative;
}
#personalChecks .selectBox .listContent .content ul li h5,
#groupCheckSelect .selectBox .listContent .content ul li h5{
	padding-top: .305rem;
}
#personalChecks .selectBox .listContent .content ul li h5 span,
#groupCheckSelect .selectBox .listContent .content ul li h5 span{
	float: left;
}
#personalChecks .selectBox .listContent .content ul li .cost,
#groupCheckSelect .selectBox .listContent .content ul li .cost{
	display: inline-block;
    line-height: .25rem;
    padding-top: .305rem;
    float: right;
    margin-right: .8rem;
    color: #f00;
}
#personalChecks .selectBox .listContent .content ul li h5 span:nth-child(1),
#groupCheckSelect .selectBox .listContent .content ul li h5 span:nth-child(1){
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	max-width: 2.19rem;
}
#personalChecks .selectBox .listContent .content ul li h5 img,
#groupCheckSelect .selectBox .listContent .content ul li h5 img{
	width: .24rem;
	height: .14rem;
	display: inline;
	margin-left: .1rem;
}
#personalChecks .selectBox .listContent .content ul li .checkBox,
#groupCheckSelect .selectBox .listContent .content ul li .checkBox{
	position: absolute;
	right: .26rem;
	bottom: 0;
	width: .54rem;
	height: .28rem;
}
#personalChecks .checkBox label,
#groupCheckSelect .checkBox label{  
    background-image:url(../img/nocheck.png);  
    background-repeat: no-repeat;  
    background-size: 100% 100%;  
    display: inline-block;  
    width: .54rem;
	height: .28rem;  
    position: absolute;  
    top: 0;  
    left: 0;  
}  
#personalChecks .checkBox input:checked + label,
#groupCheckSelect .checkBox input:checked + label{  
    background-image:url(../img/ischeck.png);  
}  
#personalChecks .checkBox input,
#groupCheckSelect .checkBox input{  
    width: .54rem;
	height: .28rem;
    opacity: 0;
} 
#personalChecks .selectBox .listContent .content ul li p,
#groupCheckSelect .selectBox .listContent .content ul li .p{
	font-size: .22rem;
    padding-left: .24rem;
    padding-right: .60rem;
    margin-top: .12rem;
    line-height: .32rem;
    color: #9e9e9e;
    display: none;
}
#personalChecks .popBox,
#groupCheckSelect .popBox{
	position: fixed;
	top: .82rem;
	bottom: 1.26rem;
	left: .32rem;
	right: .32rem;
	width: 6.84rem;
	border:0.02rem solid #d1d1d1;
	border-radius: 0.16rem;
	background-color: rgba(255,255,255,0.95);
	display: none;
}
#personalChecks .popBox .top,
#groupCheckSelect .popBox .top{
	color: #4A4A4A;
	margin: 0 .2rem;
	font-size: .28rem;
	text-align: center;
	height: .76rem;
	line-height: .76rem;
	border-bottom: 0.02rem solid #D3D3D3;
	position: relative;
}
#personalChecks .popBox .top img,
#groupCheckSelect .popBox .top img{
	width: .50rem;
    height: .50rem;
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
    padding: .13rem;
}
#personalChecks .popBox .middle,
#groupCheckSelect .popBox .middle{
	margin: 0 .2rem;
	font-size: .24rem;
	color: #4A4A4A;
	overflow-y: auto;
	position: absolute;
	top: .78rem;
	left: 0;
	right: 0;
	bottom: 2.44rem;
}
#personalChecks .popBox .middle li,
#groupCheckSelect .popBox .middle li{
	text-align: center;
	overflow: hidden;
}
#personalChecks .popBox .middle li:not(.one),
#groupCheckSelect .popBox .middle li:not(.one){
	line-height: .54rem;
}
#personalChecks .popBox .middle li:not(.one) span,
#groupCheckSelect .popBox .middle li:not(.one) span{
	width: 2.68rem;
	padding: 0 .16rem;
	float: left;
	border-bottom: .04rem solid transparent;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
#personalChecks .popBox .middle li i,
#groupCheckSelect .popBox .middle li i{
	width: .44rem;
	float: left;
}
#personalChecks .popBox .middle li span.active,
#groupCheckSelect .popBox .middle li span.active{
	border-bottom-color: #018BF0;
}
#personalChecks .popBox .middle li.one,
#groupCheckSelect .popBox .middle li.one{
	
}
#personalChecks .popBox .middle li.one p,
#groupCheckSelect .popBox .middle li.one p{
	width: 3rem;
	padding: .06rem 0;
	border-bottom: 0.02rem solid #d2d2d2;
}
#personalChecks .popBox .middle li.one i,
#groupCheckSelect .popBox .middle li.one i{
	position: absolute;
    left: 50%;
    margin-left: -.29rem;
    width: .58rem;
    height: .58rem;
    line-height: .58rem;
    color: #018BF0;
    border: .02rem solid #018BF0;
    border-radius: 50%;
    top: .13rem;
    font-size: .26rem;
}
#personalChecks .popBox .middle li.one span,
#groupCheckSelect .popBox .middle li.one span{
	line-height: .36rem;
	display: block;
}
#personalChecks .popBox .bottom,
#groupCheckSelect .popBox .bottom{
	position: absolute;
	left: 0;
	right: 0;
	padding: .2rem;
	bottom: 0;
	border-top: 0.02rem solid #D3D3D3;
	height: 2.02rem;
	font-size: .24rem;
	line-height: .32rem;
	color: #4A4A4A;
	overflow-y: auto;
}
#personalChecks .affirmBox,
#groupCheckSelect .affirmBox{
	position: fixed;
	width: 100%;
	bottom: 0;
	padding: .16rem .18rem;
	border-top: 0.02rem solid #D3D3D3;
	height: .98rem;
	box-sizing:border-box;
	background-color: rgba(255,255,255,.9);
	color: #4A4A4A;
	overflow: hidden;
}
#personalChecks .affirmBox h5,
#groupCheckSelect .affirmBox h5{
	line-height: .34rem;
	font-size: .24rem;
	border-right: 0.04rem solid #9B9B9B;
	padding-right: .20rem;
	margin-right: .16rem;
	float: left;
}
#personalChecks .affirmBox h5{
	line-height: .32rem;
}
#personalChecks .affirmBox h5 span,
#groupCheckSelect .affirmBox h5 span{
	display: block;
}
#personalChecks .affirmBox p,
#groupCheckSelect .affirmBox p{
	float: left;
	font-size: .28rem;
	line-height: .64rem;
}
#personalChecks .affirmBox p span,
#groupCheckSelect .affirmBox p span{
	display: block;
}
#personalChecks .affirmBox a,
#groupCheckSelect .affirmBox a{
	float: right;
	width: 1.76rem;
	height: .64rem;
	text-align: center;
	line-height: .64rem;
	background-color: #018bf0;
	border-radius: .16rem;
	font-size: .28rem;
	color: #fff;
}
#personalChecks .affirmBox a.btn,
#groupCheckSelect .affirmBox a.btn{
	margin-left: .16rem;
}
#personalChecks .affirmBox a.selectBtn,
#groupCheckSelect .affirmBox a.selectBtn{
	background-color: #F6A623;
	position: relative;
}
#personalChecks .affirmBox a.selectBtn.gray,
#groupCheckSelect .affirmBox a.selectBtn.gray{
	background-color: #c6c6c6;
}
#personalChecks .affirmBox a.selectBtn .contrastNum{
	position: absolute;
	right: -.1rem;
	top: -.08rem;
	width: .32rem;
	height: .32rem;
	line-height: .32rem;
	text-align: center;
	font-size: .24rem;
	color: #fff;
	background-color: #F64772;
	border-radius: 50%;
	display: none;
}

/*单位体检选套餐*/
#groupCheckSelect .selectBox .listContent .content.comboCon ul li i{
	position: absolute;
    right: .26rem;
    bottom: 0;
}
#groupCheckSelect .affirmBox i.pay{
	color: #161616;
	font-size: .28rem;
	line-height: .64rem;
}
#groupCheckSelect .affirmBox p i:nth-child(2){
	color: #F6A623;
}
#groupCheckSelect .affirmBox a.selectBtn .contrastNum {
    position: absolute;
    right: -.1rem;
    top: -.08rem;
    width: .32rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
    background-color: #F64772;
    border-radius: 50%;
    display: none;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail{
	background-color: #F4F4F4;
	color: #646A6F;
	font-size: .2rem;
	margin-top: .305rem;
	padding: .16rem;
	display: none;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail .introduce{
	line-height: .28rem;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail .introduce h6{
	margin-bottom: .09rem;
	font-weight: 600;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail .item h4{
	line-height: .38rem;
    background-color: #fff;
    margin-top: .18rem;
    padding: 0 .14rem 0 .12rem;
    overflow: hidden;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail .item h4 span:nth-child(2){
	float: right;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail .item{
	overflow: hidden;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail .item div{
	width: 1.38rem;
	height: .64rem;
	background-color: #fff;
	margin: .22rem .16rem 0 0;
	padding: .08rem .28rem .08rem .12rem;
	box-sizing:border-box;
	float: left;
	border-radius: .08rem;
	position: relative;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail .item div span{
	font-size: .18rem;
	height: .48rem;
	line-height: .24rem;
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail .item div i{
	width: .04rem;
	height: .18rem;
	position: absolute;
	top: .23rem;
	right: .12rem;
}
#groupCheckSelect .selectBox .listContent .content ul li .detail .item div:nth-child(3n+3){
	margin-right: 0;
}
.listContent .content .title .fr{
	margin-right: .24rem;
}
.listContent .content .title .fr em{
	color: #018bf0;
}

@media screen and (max-width: 320px) {
	#personalChecks .selectBox .listContent .content ul li h5 span:nth-child(1), #groupCheckSelect .selectBox .listContent .content ul li h5 span:nth-child(1){
		max-width: 86px;
	}
}